{% extends '/lenta/base.html' %}

{% block inline_style_block %}
    
    {{ super() }}
    
    #wrap {
		margin-top: 20px;
	}
    
    #note {
        width: 75%;
        margin: 10px 1% 5px 1%;
    }
    #note .title {
        margin: 5px 5px 12px 5px;
    }
    #note .twit {
        margin: 0px 3px 10px 3px;
		padding: 4px 4px 2px 5px;
		background-color: #E8EDFA;
		text-align: justify;
		width: 75%;
    }
    
    #pub_date {
    	margin: 0 5px 5px 0px;
		text-align: right;
    }
    #note_body {
    	text-align: justify;
    }
    
    #note_tags {
        margin: 14px 2px 10px 4px;
    }
    
    li.tag {
        display: inline-block;
		background-color: #CBD3EF;
		padding: 2px 5px 2px 5px;
		margin: 0px 0px 4px 0px;
		font-weight: 700;
    }
    a.tag {
    	color: black;
    }
    
    #note_edit_tools {
    	margin-top: 30px;
    }
    #edit_note_link {
    	padding: 7px 4px 7px 4px;
		background: #FFE53B;
		font-weight: 700;
		color: #110CAB;
    }
    #edit_note_link:hover {
    	background: #fcdf21;
    }

{% endblock inline_style_block %}


{% block main_content %}

<div id="wrap">

    <div id="note">
        <h3 class='title'>{{ note.title }}</h3>
        <p class='twit'>{{ note.twit }}</p>
        <p id='pub_date'><span>{{ note.pubDate }}</span></p>
        <p id='note_body'>{{ note.body | safe }}</p>
        <ul id='note_tags'>Tags:
        {% for tg in note.tags %}
            <li class="tag">
              <a class="tag" href="{{ notes_by_tag_href(tg, note.lenta_id, note.namespace) }}">{{ tg }}</a>
            </li>
        {% endfor %}
        </ul>
        {% if note.namespace == g.namespace %}
        <div id="note_edit_tools">
        	<a id="edit_note_link" href="{{ edit_note_href (note) }}">edit</a>
        </div>
        {% endif %}   
    </div>

</div>

{% endblock main_content %}
